<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rainbow</title>
<link rel="shortcut icon" href="images/logoSmall.png">
	<link rel="stylesheet" type="text/css" href="css/bobo.css" />
	<link href="bootstrap/css/bootstrapBOBO.css" rel="stylesheet">
		<link href="css/flat-uiBOBO.css" rel="stylesheet">
			<link rel="stylesheet" href="css/resetBOBO.css">
				<link rel="stylesheet" href="css/styleBOBO.css">
					<link rel="stylesheet" type="text/css" href="css/zzsc.css" />
					<script type="text/javascript" src="js/zzsc.js"></script>
</head>

<body style="background-color: #f4f4f4;">
	<nav class="navbar navbar-default" role="navigation" id="navQuery">
	<div class="collapse navbar-collapse" id="navbar-collapse-01">
		<ul class="nav navbar-nav" id="liNav">
			<li><span id="logo"></span><span id="spanLs0"><a
					href="home.html" target="_self" id="ls0" class="navFocus">Rainbow</a></span></li>
			<li><a href="showFood.html" class="ls" style="color: #FFF;">美食</a></li>
			<li><a href="showHotel.html" class="ls" style="color: #FFF;">酒店</a></li>
			<li><a href="showTicket.html" class="ls" style="color: #FFF;">机票</a></li>
			<li><a href="showTravel.html" class="ls" style="color: #FFF;">旅游</a></li>
			<li><a href="showClothes.html" class="ls" style="color: #FFF;">服饰</a></li>
			<li><a href="showEntertain.html" class="ls"
				style="color: #FFF;">娱乐</a></li>
		</ul>
	</div>
	<!-- /.navbar-collapse -->

	<div id="rightNav">
		<div id="codeFloat" style="background: url('img/code.jpg');"></div>
		<div id="heartRight">
			<a href="#loginmodal" class="modaltrigger"><div
					style="width: 50px; height: 50px;"></div></a>
		</div>
		<div id="code"></div>
		<div id="arrowTop">
			<a href='#'></a>
		</div>
	</div>

	<div class="dropdown"
		style="position: fixed; left: 180px; top: 5px; height: 50px;">
		<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
			style="background-color: #14191c;">
			<span id="presentCity">四川</span><span class="caret"></span>
		</button>
		<span class="dropdown-arrow"></span>
		<ul class="dropdown-menu" id="city">
			<li style="font-size: 20px;width=400px;"><span
				class="chooseArea">华北地区</span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">北京</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">天津</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">河北</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">山西</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">内蒙古</a></span></li>
			<li style="font-size: 20px;width=500px;"><span
				class="chooseArea">华南地区</span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">广东</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">广西</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">河南</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">湖北</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">湖南</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">海南</a></span></li>
			<li style="font-size: 20px;width=500px;"><span
				class="chooseArea">华东地区</span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">上海</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">江苏</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">浙江</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">安徽</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">福建</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">江西</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">山东</a></span></li>
			<li style="font-size: 20px;width=500px;"><span
				class="chooseArea">西南地区</span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">重庆</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">四川</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">贵州</a></span> <span
				class="chooseCity"><a href="#fakelink"
					onclick="changeCity(this)">云南</a></span> <span class="chooseCity"><a
					href="#fakelink" onclick="changeCity(this)">西藏</a></span>
				<li style="font-size: 20px;width=500px;"><span
					style="position: relative; left: 10px; color: #1bbc9b;">东北地区</span>
					<span class="chooseCity"><a href="#fakelink"
						onclick="changeCity(this)">辽宁</a></span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">吉林</a></span> <span
					class="chooseCity"><a href="#fakelink"
						onclick="changeCity(this)">黑龙江</a></span></li>
				<li style="font-size: 20px;width=500px;"><span
					class="chooseArea">西北地区</span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">陕西</a></span> <span
					class="chooseCity"><a href="#fakelink"
						onclick="changeCity(this)">甘肃</a></span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">青海</a></span> <span
					class="chooseCity"><a href="#fakelink"
						onclick="changeCity(this)">宁夏</a></span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">新疆</a></span></li>
				<li style="font-size: 20px;width=500px;"><span
					class="chooseArea">港澳台</span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">香港</a></span> <span
					class="chooseCity"><a href="#fakelink"
						onclick="changeCity(this)">澳门</a></span> <span class="chooseCity"><a
						href="#fakelink" onclick="changeCity(this)">台湾</a></span></li>
		</ul>
	</div>



	</nav>
	<!-- /navbar -->

	<div id="logIn" style="font-family: 幼圆;">
		<div id="logMember">
			<a href="#loginmodal" class="modaltrigger">会员登录</a>
		</div>
		<div id="line1">|</div>
		<div id="logMerchant">
			<a href="#loginmodal2" id="modaltrigger2">商家登录</a>
		</div>
		<div id="addMerchant">
			<a href="#">商家入盟</a>
		</div>
		<div id="line2">|</div>
		<div id="logOperator">
			<a href="#loginmodal4" id="modaltrigger4">运营方登录</a>
		</div>
	</div>

	<div id="loginmodal" style="display: none">
		<div id="windowTop" align="center">
			<div id="deleteLog" class="flatbtn-blu hidemodal">×</div>
			<div style="position: relative; top: 6px;">会员登录</div>
		</div>
		<form id="loginform" name="loginform" method=""
			style="position: relative; left: 40px;">
			<label for="username" id="labelMemberName">会员账号:</label>
			<p id="warnMemberName">请输入账号名</p>
			<p id="warnMemberNumber">账号名应为手机号</p>
			<div id="forgetMemberLog">
				<a href="forgetKey1.html" style="color: #1abc9c;">忘记登录密码？</a>
			</div>
			<br /> <input type="text" name="username" placeholder="请输入您的账号名"
				class="form-control" tabindex="1" style="width: 250px;"
				id="memberLogName"> <label for="username"
				id="labelMemberLogKey">会员密码:</label><br />
				<p id="warnMemberKey">请输入密码</p> <input type="password"
				name="username" placeholder="请输入您的密码" class="form-control"
				tabindex="1" style="width: 250px;" id="memberLogKey"> <label
					class="checkbox" for="checkbox2"
					style="position: relative; top: 5px;"> <input
						type="checkbox" value="" id="checkbox2" checked="checked"
						data-toggle="checkbox"> 记住密码 </label>
					<div style="position: relative; top: 10px;">
						<input type="button" name="loginbtn"
							class="btn btn-embossed btn-primary" value="登录" tabindex="3"
							style="width: 250px;" id="memberLog">
					</div>
					<p id="warnMemberKeyWrong">密码错误</p>
		</form>
	</div>

	<div id="loginmodal2" style="display: none">
		<div id="windowTop" align="center">
			<div id="deleteLog" class="flatbtn-blu hidemodal2">×</div>
			<div style="position: relative; top: 6px;">欢迎联盟商家登录</div>
		</div>
		<form id="loginform" name="loginform" method="post"
			style="position: relative; left: 40px;">
			<label for="username" id="labelMerchantName">商家账号:</label>
			<p id="warnMerchantName">请输入账号名</p>
			<p id="warnMerchantNumber">账号名应为手机号</p>
			<div id="forgetMerchantLog" style="">
				<a href="forgetKey1.html" style="color: #1abc9c;">忘记登录密码？</a>
			</div>
			<br /> <input type="text" name="username" placeholder="请输入您的账号名"
				class="form-control" tabindex="1" style="width: 250px;"
				id="merchantLogName"> <label for="username"
				id="labelMerchantLogKey">账号密码:</label><br />
				<p id="warnMerchantKey">请输入密码</p> <input type="password"
				name="username" placeholder="请输入您的密码" class="form-control"
				tabindex="1" style="width: 250px;" id="merchantLogKey"> <label
					class="checkbox" for="checkbox2"
					style="position: relative; top: 5px;"> <input
						type="checkbox" value="" id="checkbox2" checked="checked"
						data-toggle="checkbox"> 记住密码 </label>
					<div style="position: relative; top: 10px;" id="merchantLog">
						<input type="button" name="loginbtn"
							class="btn btn-embossed btn-primary" value="登录" tabindex="3"
							style="width: 250px;" id="merchantLog">
					</div>
					<p id="warnMerchantKeyWrong">密码错误</p>
		</form>
	</div>

	<div id="loginmodal4" style="display: none">
		<div id="windowTop" align="center">
			<div id="deleteLog" class="flatbtn-blu hidemodal4">×</div>
			<div style="position: relative; top: 6px;">运营方登录</div>
		</div>
		<form id="loginform" name="loginform" method="post"
			style="position: relative; left: 40px;">
			<label for="username" id="labelOperatorName">运营账号:</label>
			<p id="warnOperatorName">请输入账号名</p>
			<br /> <input type="text" name="username" placeholder="请输入您的账号名"
				class="form-control" tabindex="1" style="width: 250px;"
				id="operatorLogName"> <label for="username"
				id="labelOperatorLogKey">登录密码:</label><br />
				<p id="warnOperatorKey">请输入密码</p> <input type="password"
				name="username" placeholder="请输入您的密码" class="form-control"
				tabindex="1" style="width: 250px;" id="operatorLogKey">

					<div style="position: relative; top: 30px;">
						<input type="button" name="loginbtn"
							class="btn btn-embossed btn-primary" value="登录" tabindex="3"
							style="width: 250px;" id="operatorLog">
					</div>
		</form>
	</div>

	<div class="spTop">
		<p id="spIntro">不用你就OUT了！时下最流行！兰蔻（LANCOME）迷恋口红唇膏
			10片，不要稀奇，不要惊讶，其实唇贴在国外已经很普遍了，包里随便放个几片，无论是上班，约会，参加宴会，只需要一撕一折一抿就大功告成，连个镜子都不用，瞬间提升气场！
		</p>
	</div>

	<a href="showMerchant.html"> <img id="spBrandSmall"
		src="images/showBrandSmall/2.png" />
	</a>
	<img id="spshowHeart" src="css/img/showHeartNone.png" />
	<img src="" id="spBigImage" />
	<div id="spRight">
		<img src="images/productPrice.png" id="spGreen" />
		<p id="spPrice">
			￥<span id="spPriceNum">49.9</span>
		</p>
		<p id="spProductName" align="center">兰蔻（LANCOME）迷恋口红唇膏</p>
		<img src="images/productLine.png" id="spLine" />
		<div id="spPriceLabel" align="center">
			<span>原价</span>&nbsp;&nbsp;&nbsp; <span>折扣</span>&nbsp;&nbsp;&nbsp; <span>节省</span>
		</div>
		<div id="spConcretePrice" align="center">
			<span id="s1">¥100.5</span>&nbsp;&nbsp;&nbsp; <span id="s2">4.9折</span>&nbsp;&nbsp;&nbsp;
			<span id="s3">¥50.60</span>
		</div>
	</div>

	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/bobo.js"></script>
	<script src="js/flatui-checkbox.js"></script>
	<script src="js/jquery.leanModal.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<!--zlz-->
	<script type="text/javascript">
		$(document).ready(function() {

			//zlz:试一下
			var urlinfo = window.location.href; //获取当前页面的url
			var len = urlinfo.length;//获取url的长度
			var offset = urlinfo.indexOf("?");//设置参数字符串开始的位置
			var idinfo = urlinfo.substr(offset, len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
			var ids = idinfo.split("=");//对获得的参数字符串按照“=”进行分割
			var product_Id = ids[1];
			var shop_Logo = ids[2];
			//alert(shop_Logo);

			//测试id是否获取到
			// document.getElementById("smMiddleName").textContent=newsid;
			Request = {
				QueryString : function(item){
				var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
				return svalue ? svalue[1] : svalue;
				}
			}
			var product_Id=Request.QueryString("id");
			

			$.ajax({
				url : "merchant_findProduct.action", //对应action的路径
				dataType : "json",
				cache : false,
				data : {
					productId : product_Id
				}, //传给程英的商家id
				type : "POST",
				success : function(data) {

					var obj = data;
					//产品展示
					var src = obj[0].productPic; //传回来的对应的属性名称
					var productname = obj[0].productName; //传回来的对应的属性名称
					var productprice = obj[0].productPrice; //传回来的对应的属性名称
					var productinfo = obj[0].productIntr;//传回来的对应的属性名称

					var img = document.getElementById("spBigImage");
					var productInfo = document.getElementById("spIntro");
					var productName = document.getElementById("spProductName");
					var shopLogo = document.getElementById("spBrandSmall");
					var productPrice = document.getElementById("s1");
					var savePrice = document.getElementById("s3");
					var realPrice = document.getElementById("spPriceNum");

					img.src = src;
					productInfo.textContent = productinfo;
					productName.textContent = productname;
					shopLogo.src = shop_Logo;
					realPrice.textContent = productprice;
					productPrice.textContent = "￥" + productprice * 2;
					savePrice.textContent = "￥" + (productprice);
				}
			});
		});
	</script>
</body>
</html>
